<a id="top"></a>
<h1>Pipes</h1>

<a href="guide/pipes#happy-birthday1">Happy Birthday v1</a><br>
<a href="guide/pipes#birthday-date-pipe">Birthday DatePipe</a><br>
<a href="guide/pipes#happy-birthday2">Happy Birthday v2</a><br>
<a href="guide/pipes#power-booster">Power Booster custom pipe</a><br>
<a href="guide/pipes#power-boost-calc">Power Boost Calculator custom pipe with params</a><br>
<a href="guide/pipes#flying-heroes">Flying Heroes filter pipe (pure)</a><br>
<a href="guide/pipes#flying-heroes-impure">Flying Heroes filter pipe (impure)</a><br>
<a href="guide/pipes#async-message">async message</a><br>
<a href="guide/pipes#fetch-json">An impure caching pipe</a><br>

<hr>
<a id="happy-birthday1"></a>
<h2>Birthday v1</h2>
<guide-birthday></guide-birthday>
<a href="guide/pipes#top">back to top</a>

<hr>
<a id="birthday-date-pipe"></a>
<h2>Birthday DatePipe</h2>
<p>他的生日是{{ birthday | date }}</p>

<p>他的生日是{{ birthday | date:"yyyy-MM-dd" }} </p>
<a href="guide/pipes#top">back to top</a>

<hr>
<a id="happy-birthday2"></a>
<h2>Hero Birthday v2</h2>
<guide-birthday2></guide-birthday2>

<a id="power-booster"></a>
<guide-power-booster></guide-power-booster>
<a href="guide/pipes#top">back to top</a>

<hr>
<a id="power-boost-calc"></a>
<guide-power-boost-calculator>loading</guide-power-boost-calculator>
<a href="guide/pipes#top">back to top</a>

<hr>
<a id="flying-heroes"></a>
<guide-flying-heroes></guide-flying-heroes>
<a href="guide/pipes#top">back to top</a>

<hr>
<a id="flying-heroes-impure"></a>
<guide-flying-heroes-impure></guide-flying-heroes-impure>
<a href="guide/pipes#top">back to top</a>

<hr>
<a id="async-message"></a>
<guide-message></guide-message>
<a href="guide/pipes#top">back to top</a>

<hr>
<a id="fetch-json"></a>
<guide-hero-list></guide-hero-list>
<a href="guide/pipes#top">back to top</a>